﻿@charset "utf-8";
@media only screen and (min-width:1600px){

}


@media only screen and (max-width:1500px){
  .header{height: auto}
  .header .logo{margin:0.5% 0;}
  .header .nav > ul > li{padding: 3.6% 0; margin:0 1.6vw;}
  .index-data .data{font-size:.24rem;}
  .index-datas .data{font-size:.24rem;}

}

@media only screen and (max-width:1190px){
  .header{height: 60px !important;}
  .header.flow{height: 60px;}
  .header.flow .logo{margin-top: 10px;}
  .header .phone-menu{display: block;}
  .header .logo{height: 40px;width: auto;margin-top: 10px;}
  .header .logo .pic{height: 40px;}
  .header .logo img{height: 100%;width: auto;}
  .default-box{padding-top: 60px;}
  .header .nav{position: fixed; display: block; left: -100%; top: 60px; width: 100%; height: 100%; padding-bottom: 100px; border-top: 1px solid #e3e3e3; background-color:#fff; transition: all .5s;}
  .header.active{background-color: #fff;}
  .header.active .nav{left: 0;}
  .header.active .nav > ul > li > a{color: #333;}
  .header.active .phone-menu span{background-color: #333;}
  .header .nav > ul{flex-direction: column;}
  .header .nav > ul > li i{display: block;}
  .header .nav > ul > li{position: relative; display: block; line-height: 40px; padding: 0 35px 0 10px !important; margin: 0 4vw !important; border-bottom: 1px solid #e3e3e3; font-size: 16px; text-align: left;}
  .header .nav > ul > li.logo{display: none;}
  .header .nav > ul > li.search{line-height: 40px; padding:5px 0 !important; margin: 0 4vw;width: auto;height: auto;}
  .header .nav > ul > li.search .box{padding-right: 30px;height: 30px;position: relative;width: 100%;box-sizing: border-box;}
  .header .nav > ul > li.search .box .text{display: block !important;height: 30px;line-height: 30px;width: 100%;padding: 0 8px; background-color: transparent;color: #333;}
  .header .nav > ul > li.search .box .btn{display: none;}
  .header .nav > ul > li.search .box .sub{display: block; position: absolute; top: 0; right: 0; width: 30px;height: 30px;background: url('../images/icon-search-b.png') center center no-repeat;}
  .header .nav > ul > li .two{position: initial; width: 100%; margin: 0;border: none;background-color: transparent;display: none;box-shadow: none; padding: 0 15px 10px;}
  .header .nav > ul > li.on .two{opacity: 1;display: block;}
  .header .nav .two li{font-size: 14px;line-height: 30px;text-align: left;color: #333}
  .header .nav .two li a{color: #333 !important;display: inline-block; text-indent: 0}
  .header .nav .two li:nth-child(2n){background-color: transparent;}
  .header .nav .two li:before{content: "- "; display: inline;}
  .header .nav > ul > li.lang{display: none;}
  .header.active .logo .logo-w{display: none;}
  .header.active .logo .logo-b{display: block;}
  .nybanner .nybten{font-size:36px}
  .nybanner .nybt{font-size:28px}
  .tabs li{margin: 0 1%}
  .com-vision{padding: 6% 0}
  .develop_hist{padding: 3% 0}
  .header .nav > ul > li > a{font-size: 16px}
  .header .nav .two li a{font-size: 14px}
  .index_about{position: static;}
  .index_about .atext:after{display: none;}
  .index_about .atext{padding: 3% 0; position: static;}
  .index_about .nyatext{width: 100%; position: static;}
  .index_about .nyatext .inabt{}
  .index_about .nyatext .inabwz{margin-top:1%; line-height:28px; }
  .index_about .nyatext .more{padding: 3% 0}
  .index-data{width: auto}
  .index-data ul li{padding: 2%}
  .index-datas ul li{padding: 2%}
  .index-data .data{font-size: 0.3rem}
  .index-datas .data{font-size: 0.3rem}

}



@media only screen and (max-width:980px){
  .main-width {width: 96vw;}
  .header .nav > ul > li.search .box .text{width: 100%}
  .index-container .category .tab-box .item .slideitem li .text{padding: 20px;width: 32.938vw;}
  .index-container .category .tab-box .item .slideitem li .text h3{font-size: 24px;line-height: 26px;}
  .index-container .category .tab-box .item .slideitem li .text h4{font-size: 20px;line-height: 22px;margin: 10px auto;}
  .index-container .category .tab-box .item .slideitem li .text p{font-size: 12px;line-height: 16px;}
  .index-container .category .tab-box .item .slideitem li .text .more{padding: 0 15px;height: 30px;line-height: 30px;margin-top: 25px;}
  .index-container .category .tab-box .item .slideitem li .pic{width: 55.5vw;}
  .index-container .category .tab-box .item .btnbox{bottom: 10px;}
  .index-container .category .tab-box .item .btnbox .btn{width: 30px;height: 30px;}
  .index-container .case .right{width: 35vw;padding-top: 20px;}
  .index-container .case .caseslide .btnbox .btn{width: 30px;height: 30px;}
  .index-container .case .right .text p{font-size: 12px;line-height: 16px;}
  .index-main .slidebox .slideshow ul li{width: 92vw;}
  .index-process .slidepic li p{font-size: 12px;line-height: 16px;}
  .index-base .basebox .half-circle{width: 60%;}
  .index-base .basebox .half-circle .parameter{padding-top: 25%;width: 100%;}
  .index-base .basebox .half-circle .parameter .num{width: 90px;height: 90px;padding-top: 20px;line-height: 16px;margin-right: 5px;font-size: 12px;}
  .index-base .basebox .half-circle .parameter .num span{font-size: 14px;line-height: 18px;}
  .index-base .basebox .half-circle .text{font-size: 12px;line-height: 18px;}
  .index-base .basebox .item{width: 100px;height: 100px;}
  .index-base .basebox .item.b1{left: 2%;}
  .index-base .basebox .item.b2{left: 7%;}
  .index-base .basebox .item.b3{right: 10%;}
  .index-base .basebox .item.b4{right: 2%;}
  .footer .info {display: flex;justify-content: space-between;flex-direction: column;}
  .footer .info .logo{width: 200px;height: 46px;}
  .footer .info .text{margin: 80px 0 20px;}
  .footer .info .text p{font-size: 12px;line-height: 18px;}
  .footer .menu{width: 25%;}
  .footer .menu a{font-size: 12px;line-height: 25px;}
  .footer .menu a.t{font-size: 14px;line-height: 30px;}
  .footer .message{width: 35%;}
  .footer .message h4{font-size: 14px;line-height: 16px;}
  .footer .message .line{margin-bottom: 8px;}
  .footer .message p{font-size: 14px;line-height: 18px;}
  .footer .message .txt{height: 28px;line-height: 28px;padding: 0 5px;}
  .footer .message textarea{height: 60px;line-height: 16px;font-size: 14px;padding: 5px;}
  .footer .message .sub{height: 28px;line-height: 28px;font-size: 14px;}

  #luxy{padding-top: 3%}
  .m-tit7 .tit{font-size: 26px}
  .news li{width: 48%; margin-bottom: 2%}
  .news li:nth-child(3){width:98%}

  .nybanner .nybten{font-size: 30px}
  .nybanner .nybt{font-size: 20px}
  .ny-about_left{width: 100%; line-height: 34px}
  .ny-video-pc{width: 100%}
  .index-datas ul li{padding: 3%}
  .comVision-list li{width: 95%}
  .btitle{font-size: 28px}
  .ny_xc ul li{width: 28.333%}
  .ny_workhsop ul li{width: 31.333%}
  .productPic li{width: 31%}
  .xinwenxiangqing .nd_head{margin-top:3%;}
  .prelblt li{width: 49%}
  .news-list li{width: 48%;}
  .relatedNews {margin-top: 8%}
  .ContactBlock .bot .title{font-size: 28px}
  .wt-ul li{width: auto;}
  .wt-ul li .bea{padding: 0.4rem 0 0.4rem; width: 1.8rem}
  .wt-ul li .bef{width: 1.8rem}
  .wt-ul li .bea .tit-t{font-size: 0.25rem}
  .wt-ul li .bef .tit{font-size: 0.25rem}
  .wt-ul li .bea .font{width: auto}
  .wt-ul li .bea .font .de{margin-top:0.3rem; font-size: 0.15rem;}
  .wt-ul li.act{width: auto;}
  .wt-ul li.act .bea{ margin: 0 10%}
  .footWx li img{max-width:80%;}
  .video_window{width:90%; margin:0 auto; height:280px; left:5%; margin:0; top:0;}

}
@media only screen and (max-width:780px){

  .index-slide{padding-top: 70px;}
  .index-data ul{display: block; overflow: hidden;}
  .index-data ul li{width: 48%; float:left; margin-bottom: 0%}
  .m-tit7 .tit{font-size: 24px}
  .m-tit7 .more{margin-top: 0}
  .index_about .nyatext .inabwz{font-size:14px;}


  /* 底部 */
  .footer .flex{flex-direction: column;}
  .footer .info .text{margin: 30px 0;}
  .footer .info .sns a{width: 25px;height: 21px;margin: 0 15px 0 0;}
  .footer .menu{margin: 30px 0;width: 100%;justify-content: flex-start;}
  .footer .menu .box{width: 50%;}
  .footer .message{width: 100%;}
  .copy-right{padding: 8px 0;line-height: 25px;}
  .footer .message p{line-height: 22px;}

  .default-box.index-main{padding-bottom: 30px;}
  .default-box .slidelist{bottom: -20px !important;}

  .index-container .category h2{font-size: 24px;line-height: 26px;}
  .index-container .category .top{display: flex;flex-direction: column;}
  .index-container .category .tab{float: inherit; background: none}
  .index-container .category .tab span{height: 28px;line-height: 28px; font-size: 14px;}
  .index-container .category .tab span::after{width: 14px;height: 8px;}
  .index-container .category .tab-box .item .slideitem li .text{width: auto;float: inherit;padding: 10px;}
  .index-container .category .tab-box .item .slideitem li .pic{width: 100%;}
  .index-container .category .tab-box .item .btnbox{bottom: initial; top: 8px; right: 0; left: initial;}
  .index-container .case .btnbox{right: 0; height: 40px; line-height: 40px; left: initial; top: -20px; width: auto; padding: 0 10px;}
  .index-container .case .btnbox .btn{width: 25px;height: 25px;}
  .index-container .case .btnbox .btn i{width: 15px;height: 4px;}
  .index-container .case .btnbox .pageState{width: 70px;}
  .index-container .case .caseslide{width: 100%;padding: 20px;float: none;height: auto;box-sizing: border-box;}
  .index-container .case .caseslide .slide{width: 82vw;height: auto;position: initial;}
  .index-container .case .caseslide .slide li{width: 100%;height: auto;}
  .index-container .case .caseslide .slide li .caseimg{width: 100%;height: auto;}
  .index-container .case .caseslide .slide li .caseimg p{padding: 0 15px;height: 30px;line-height: 30px;}
  .index-container .category .tab-box .item .slideitem li .pic{height: auto;}
  .news li .txt{padding:3%}
  .ft-left{width: 100%}
  .ft-right{width: 100%; margin-top: 2%}
  .fcpl{width: 100%}
  .nybanner{bottom: 3%}
  .tabs_left{width: 100%}
  .tabs_right{float: left;}
  .tabs a{line-height: 45px}
  .locate{line-height: 45px}
  .ab_histNum span{width: 120px; height: 90px; line-height: 90px; font-size: 50px; margin: 0}
  .ytable-cell{display: block;}
  .RighInfo002924 .box-1 .info .inner{padding:6% 0;}
  .lm-tit{font-size: 26px}
  .RighInfo002924 .box-1 .intro{font-size: 16px; line-height: 35px}
  .btitle{font-size: 24px}
  .ny_xc ul li{width:45%}
  .ny_workhsop ul li{width: 48%}
  .jobctit{line-height: 60px}
  .job-content dl dt{height: auto; line-height: 45px}
  .job-content dl dt .down{height: 45px}
  .job-content dl dd{font-size: 14px}
  .productPic li{width:47%}
  .promore_l{width: 100%}
  .pros_right{margin-top: 5%; width: 100%}
  .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
  .view-page .prev a{padding-left: 0}
  .view-page .back{left:0%;margin-left:0px;width:100%; float:none;}
  .view-page .back a{padding-left: 0}
  .hot_pro2{margin-top: 0}
  .products ul{margin-bottom:-4%;}
  .products li{width: 48%}
  .products li:nth-child(9){width:98%}
  .prelblt li{width: 99%}
  .ContactBlock .l_cont{width: 100%; padding: 5%}
  .ContactBlock .map{width: 100%}
  .ContactBlock .bot .form{padding: 5%}
  .ContactBlock .bot .title{font-size: 24px}
  .cjwt-hz{padding: 2%}
  .cjwt-nr-title a{font-size: 16px}
  .wt-ul li .bea{width: 1.3rem}
  .wt-ul li .bef{width: 1.3rem}
  .wt-ul li .bea .tit-t{font-size: 0.2rem}
  .wt-ul li .bef .tit{font-size: 0.2rem}
  .index_about .nyatext .more a{width:118px;}


}
@media only screen and (max-width:640px){
/*搜索*/
  .search-results{padding:20px 0 30px;}
  .search-results h1{line-height:25px;font-size:18px;padding-bottom:15px;margin-bottom:20px;}
  .search-results .seabox input[type="text"]{width:70%;}
  .search-results .seabox input[type="submit"]{width:30%;}
  .search-results .cont li{margin-bottom:15px;}
  .search-results .cont li h3{margin-bottom:0;}
  .list-news .cont li .pic{padding-bottom: 30%;}
  .main-about .brand .slideBrand{overflow-x: auto;}
  .main-about .brand .slideBrand .btn{display: none;}
  .main-about .brand .slideBrand .slide{width: 100%;}
  .main-about .brand .slideBrand .slide ul{width: 100%;overflow-x: auto;}
  .m-tit7 .tit{font-size:20px}
  .m-tit7 .more{font-size: 14px;}
  .news li{width: 98%}
  .news li .txt{padding: 2%}
  .ft-left{display: none;}
  .ft-box-contact{width: 100%}
  .nybanner .nybten{display: none;}
  .nybanner .nybt{display: none;}
  .index-datas ul{display: block;}
  .index-datas ul li{width: 50%; float: left;}
  .ab_histNum span{width: 54px; height: 50px; line-height: 50px; font-size:36px; margin: 0}
  .ab_hisintro{max-width: 100%; font-size: 14px;}
  .ab_hisintro p{font-size: 14px;}
  .his_line{height:4px;}
  .his_mlist li span.his_year{font-size: 14px;}
  .develop_hist{padding: 12% 0}
  .comVision-list li .name{font-size: 18px}
  .comVision-list li .con{font-size: 14px; line-height: 25px}
  .tabs li{margin: 0 3%; }
  .tabs a{font-size: 14px;}
  .locate{font-size: 14px;}
  .ny-about_left{font-size: 14px; line-height: 26px;}
  .jobctit{font-size: 16px}
  .job-content dl dt{font-size: 14px}
  .news-list li{width: 98%; padding: 3%}
  .relatedNews{margin-top:4%;}
  .relatedNews_font ul li{width: 97%}
  .col-sm-6{width: 100%; padding: 0}
  .col-xs-12{padding: 0}
  .join_text span{font-size: 18px}
  .join_text{font-size: 14px}
  .wt-ul li .bea{width: 0.5rem}
  .wt-ul li .bef{width: 0.5rem}
  .wt-ul li .bea .tit-t{font-size: 0.12rem; line-height:1.2;}
  .wt-ul li .bef .tit{font-size: 0.12rem; line-height:1.2;}


@media only screen and (max-width:450px){
  .tabs_left{display: none}
  .downloads ul li{width: 97%}
  .wt-ul li .bea{width: 0.5rem; padding: 0.2rem 0 0.2rem}
  .wt-ul li .bef{width: 0.5rem; padding-top: 0.5rem}

}